﻿@model yq.Model.Logic.UserAccount
    
@Url.Css("Css/metro/css/list.css")
@Url.Script("Scripts/metro/list.js")       
@Url.KindScript()
@Url.UploadScript()

<div id="container" class="container">
    <div id="row" class="rowleft">
        <ul class="thumbnails">
            <!-- 短磁片开始-->
            <li class="span3 tile tile-orange tileduan" flip="lr"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    社区</h2>
            </a></li>
            <!-- 短磁片结束-->
            <!-- 短磁片开始-->
            <li class="span3 tile tileduan"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/FL STUDIO B.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    论坛</h2>
            </a></li>
            <!-- 短磁片结束-->
        </ul>
        <ul class="thumbnails">
            <!-- 长磁片开始-->
            <li class="tilenew span3 tile " style="width: 280px;"><a href="#">
                <h1>
                    文档</h1>
                <!-- 长磁片图片-->
                @Html.Img("Css/metro/img/WORLD.png")
                <!-- 长磁片说明-->
            </a></li>
            <!-- 长磁片结束-->
        </ul>
        <ul class="thumbnails">
            <!-- 短磁片开始-->
            <li class="span3 tile tileduan"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    社区</h2>
            </a></li>
            <!-- 短磁片结束-->
            <!-- 短磁片开始-->
            <li class="span3 tile tileduan"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/FL STUDIO B.png")
                <!--短磁片说明-->
                <h2 style="margin-top: 0px;">
                    论坛</h2>
            </a></li>
            <!-- 短磁片结束-->
        </ul>
        <ul class="thumbnails">
            <!-- 短磁片开始-->
            <li class="span3 tile tileSmall" style="height: 50px"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h4>
                    社区</h4>
            </a></li>
            <!-- 短磁片结束-->
            <!-- 短磁片开始-->
            <li class="span3 tile tileSmall" style="height: 50px"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h4>
                    社区</h4>
            </a></li>
        </ul>
        <ul class="thumbnails">
            <!-- 短磁片开始-->
            <li class="span3 tile tileSmall" style="height: 50px"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h4>
                    社区</h4>
            </a></li>
            <!-- 短磁片结束-->
            <!-- 短磁片开始-->
            <li class="span3 tile tileSmall" style="height: 50px"><a href="#">
                <!-- 短磁片图片-->
                @Html.Img("Css/metro/img/SKYPE.png")
                <!--短磁片说明-->
                <h4>
                    社区</h4>
            </a></li>
        </ul>
    </div>
    <div class="rowleftico" id="rowleftico">
        @Html.Img("Css/metro/img/favs.png")
    </div>
    <div id="container_r" class="container_right">
        <div class="head">
            <h1>
                最新博客<small> 列表</small></h1>
        </div>
        <div class="icodiv">
            @Html.Submit("Search")
            @Html.Button("Options", new { @class = "btn btn-info" })
        </div>
        <div class="divlistFormList">
            <div>
                <table class="table table-striped tableNew" style="position: relative;">
                    <thead>
                        <tr>
                            <th>
                                标题
                            </th>
                            <th>
                                作者
                            </th>
                            <th>
                                创建时间
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                东芝将推 1,300 万像素背照式 CMOS 感光元件，具qqqdd
                            </td>
                            <td>
                                xxx22222222222222
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                xxxx
                            </td>
                            <td>
                                xxx
                            </td>
                            <td>
                                2012-1-1
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
         
        @Html.Pager(new PageConfig() { PageSize = 10, CurrentPageIndex = 2, PageNum = 5, TotalItemCount = 220 })


        @using (Html.BeginForm("List", "Home"))
        {
            <div class="input-prepend input-append">
                @Html.TimeFor(obj => obj.CreateTtime, HtmlExtensions.DatePickerFmt.yyyyMMddHHmm, new { style = "width:185px" });
                @Html.ValidationMessageFor(obj => obj.CreateTtime)
                    @Html.TextBoxFor(obj => obj.UserId, new { });
                @Html.ValidationMessageFor(obj => obj.UserId)
          
            </div>
 
            <br />
            

           @*@Html.DoubleDialog(obj=>obj.UserId,"#tabbable","lala",null)
            *@

@*@Html.Edit(obj => obj.UserId)*@
            
      @*      
          @Html.ImgFile("798c4faba3ee4d4582a6342e3c265808",200,200,10)
   
            
         
            
                  @Html.UploadFor(obj => obj.UserId, new UploadConfig() { }, UploadType.Img, "22")   *@
                    
   @Html.Submit()
            
        }
     
       
     
    </div>
</div>
